mixin docs-components(href)
  .bg-primary.bg-opacity-10.border.border-2.border-primary.rounded.mb-4
    .row.d-flex.align-items-center.p-3.px-xl-4.flex-xl-nowrap
      .col-xl-auto.col-12.d-none.d-xl-block.p-0
        img.img-fluid(src='assets/img/components.webp' width='160px' height='160px' alt='CoreUI PRO hexagon')
      .col-md.col-12.px-lg-4
        | Our Admin Panel isn’t just a mix of third-party components. It’s <strong>the only open-source Bootstrap dashboard built on a professional, enterprise-grade UI Components Library</strong>. 
        | This component is part of this library, and we present only the basic usage of it here. To explore extended examples, detailed API documentation, and customization options, refer to our docs.
      .col-md-auto.col-12.mt-3.mt-lg-0
        a.btn.btn-primary.text-nowrap.text-white(href=href target="_blank" rel='noopener noreferrer') Explore Documentation